<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<head>
    <title>首页</title>
    <div data-th-replace="layout/head"></div>
    <link rel="stylesheet" th:href="@{{path}/front/mobile/v3/wmui/0.6.2/css/wm-extend.min.css?v={v}(path=${staticPath},v=${v})}">
    <!--初始公共加载过渡动画-->
    <script type="text/javascript" th:src='@{{path}/front/mobile/libs/page-loading.min.js?v={v}(path=${staticPath}, v=${v})}' charset="utf-8"></script>
</head>
<body>
    <!-- top bar -->
    <header class="bar bar-nav bg-transparent wp-in-header">
        <a class="icon iconfont icon-riqi pull-left" th:href="@{/mobile/uc/sign/signIndex}"></a>
        <a class="pull-right pr" th:href="@{/mobile/uc/op/affiche/queryUserAfficheList}">
            <span class="icon iconfont icon-xiaoxi1" style="font-size: 1.32rem;color: #fff;"></span>
            <span id="unread-message-count" style="font-size: .6rem;" class="badge wm-badge hide"></span>
        </a>
        <section class='title search-input__wrap'>
            <div class="search-input">
                <label class="icon iconfont icon-chazhao" for="search"></label>
                <input type="search" id="search" name="keyWord" placeholder="请输入关键字">
            </div>
        </section>
    </header>
    <!-- top bar end-->

    <!--menu begin-->
    <div data-th-replace="layout/menu"></div>
    <!--menu end-->

    <!--主体区域 开始-->
    <div class="content content-top wm-in-content">
        <!--banner 开始-->
        <div class="wp-swiper" id="banner">

        </div>
        <!--banner 结束-->
        <!--公告区域-->
        <div class="wp-notice card wp-card__wrap">
            <section class="row no-gutter">
                <section class="col-80">
                    <div class="wp-notice-txt__wrap ellipsis" data-space-between='10'>
                        <em class="c-red icon iconfont icon-msnui-market"></em>
                        <ul id="wp-notice-txt__ul" class="swiper-wrapper">

                        </ul>
                    </div>
                </section>
                <section class="col-20 text-right">
                    <a th:href="@{/mobile/article/opArticleList}" class="c-bbb fs4 vam">更多</a>
                    <em class=" icon icon-right fs4 c-bbb vam"></em>
                </section>
            </section>
        </div>
        <!--公告区域 结束-->
        <!--八宫格-->
        <div class="wp-in-sort-list__wrap content-padded">
            <section class="row no-gutter" id="subject-list">

            </section>
        </div>
        <!--八宫格 结束-->
        <!--小班课-->
        <div id="small-live">
            <div class="wm-title__wrap card-header">
                <a href="javascript:void(0)" class="wm-title-txt link">小班课</a>
                <a th:href="@{/mobile/course/smallClassIndex}" class="wm-more-bt link"><em class="iconfont icon-gengduo"></em></a>
            </div>
            <div class="pl75 in-live-list__wrap">
                <div class="tuan-course-slider__wrap" id="small-live-list">

                </div>
            </div>
        </div>
        <!--小班课 结束-->
        <!--热门直播-->
        <div id="popular-live">
            <div class="wm-title__wrap card-header">
                <a href="javascript:void(0)" class="wm-title-txt link">热门直播</a>
                <a th:href="@{/mobile/course/liveIndex}" class="wm-more-bt link"><em class="iconfont icon-gengduo"></em></a>
            </div>
            <div class="pl75 in-live-list__wrap">
                <div class="tuan-course-slider__wrap"  id="popular-live-list">

                </div>
            </div>
        </div>
        <!--热门直播 结束-->
        <!--精选课程-->
        <div id="boutique-course" class="pt5">
            <div class="wm-title__wrap card-header">
                <a href="javascript:void(0)" class="wm-title-txt link">精选课程</a>
                <a th:href="@{/mobile/course/courseList}" class="wm-more-bt link"><em class="iconfont icon-gengduo"></em></a>
            </div>
            <div class="pl75 pr75">
                <div class="list-block media-list wm-course-list__wrap">
                    <ul class="list-container wm-course-list" id="boutique-course-list">
                        <div class="">
                            <section class="no-data__wrap">
                                <em>&nbsp;</em>
                                <p>亲，暂无课程数据，小编正在整理中</p>
                            </section>
                        </div>
                    </ul>
                </div>
            </div>
        </div>
        <!--精选课程 结束-->
        <!--热门课程-->
        <div id="popular-course" class="pt5">
            <div class="wm-title__wrap card-header">
                <a href="javascript:void(0)" class="wm-title-txt link">热门课程</a>
                <a th:href="@{/mobile/course/courseList}" class="wm-more-bt link"><em class="iconfont icon-gengduo"></em></a>
            </div>
            <div class="pl75 pr75">
                <div class="list-block media-list wm-course-list__wrap">
                    <ul class="list-container wm-course-list" id="popular-course-list">
                        <div class="">
                            <section class="no-data__wrap">
                                <em>&nbsp;</em>
                                <p>亲，暂无课程数据，小编正在整理中</p>
                            </section>
                        </div>
                    </ul>
                </div>
            </div>
        </div>
        <!--热门课程 结束-->
        <!--免费直播 -->
        <div id="open-course" class="pt5">
            <div class="wm-title__wrap card-header">
                <a href="javascript:void(0)" class="wm-title-txt link">免费直播</a>
                <a th:href="@{/mobile/open/history}" class="wm-more-bt link"><em class="iconfont icon-gengduo"></em></a>
            </div>
            <div class="pl75 pr75">
                <div class="list-block media-list wm-live-list__wrap">
                    <ul class="list-container wm-course-list" id="open-course-list">
                        <div class="">
                            <section class="no-data__wrap">
                                <em>&nbsp;</em>
                                <p>亲，暂无免费直播数据，小编正在整理中</p>
                            </section>
                        </div>
                    </ul>
                </div>
            </div>
        </div>
        <!--免费直播 结束-->
        <!--自定义语文课程 后续功能迭代 请勿删除-->
        <!--<div id="subject-course-list"></div>-->
        <!--自定义语文课程 结束-->
        <div class="pt5 pb5"></div>
    </div>
    <!--主体区域 结束-->

    <!--首页下载APP层 开始-->
    <div data-th-replace="view/mobile/index/index-appDownload"></div>
    <!--首页下载APP层 结束-->

    <div data-th-replace="layout/footer"></div>
    <script type="text/javascript" th:src='@{{path}/front/mobile/libs/swiper/swiper.min.js?v={v}(path=${staticPath}, v=${v})}' charset="utf-8"></script>
    <script type="text/javascript" th:src='@{{path}/front/mobile/business/index/study-index.js?v={v}(path=${staticPath},v=${v})}' charset="utf-8"></script>
    <script th:src="@{{path}/front/mobile/business/common/ads-dialog_mobile.js?v={v}(path=${staticPath},v=${v})}"></script>
    <script th:inline="javascript" type="text/javascript">
        var  logourl  = [[${logoMap['url']}]];
    </script>
</body>
</html>